Bootstrap

CSS

Created: 2022-11-28


Buttons

Grid Layout

Cards

Pasted image 20221128154843.png

Accordion

Clickable dropdown buttons
Pasted image 20221128154945.png

List Groups

Bootstrap Icons

In html, put this in <head>

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.2/font/bootstrap-icons.css">

Forms

Input group

Pasted image 20221128161945.png

Tooltips

Clicking the "launch demo modal" shows a popup
Pasted image 20221128162629.png

Canvas

Like sidebar
Pasted image 20221128164043.png

Pasted image 20221128164259.png

Tabs

Customizing Bootstrap

Download npm, then through npm, download bootstrap

You must create a copy of the downloaded bootstrap CSS files